<template>
	<page-layout avatar="https://cdn.zhoukaiwen.com/logo.png">
		<div slot="headerContent">
			<div class="title">周凯文</div>
			<div>www.zhoukaiwen.com</div>
		</div>
		<template slot="extra">
			<head-info class="split-right" :title="$t('postName')" :content="$t('post')" />
			<head-info class="split-right" :title="$t('workPlaceName')" content="陕西·西安" />
			<head-info class="split-right" :title="$t('workTimeName')" content="6年" />
		</template>
		<template>
			<a-row style="margin: 0 -12px">
				<a-col style="padding: 0 12px" :xl="24" :lg="24" :md="24" :sm="24" :xs="24">
					<a-card title="关于我" style="margin-bottom: 24px" :bordered="false" :body-style="{padding: 0}">
						<div class="item-group" style="padding: 20px 24px 8px 24px;">
							<a-descriptions title="" bordered :column="{ xxl: 3, xl: 3, lg: 3, md: 1, sm: 1, xs: 1 }">
								<a-descriptions-item :label="$t('userName')">{{$t('isName')}}</a-descriptions-item>
								<a-descriptions-item label="性别">男</a-descriptions-item>
								<a-descriptions-item label="年龄">28</a-descriptions-item>
								<a-descriptions-item :label="$t('postName')">{{$t('post')}}</a-descriptions-item>
								<a-descriptions-item :label="$t('workPlaceName')">陕西·西安</a-descriptions-item>
								<a-descriptions-item :label="$t('workTimeName')">6年</a-descriptions-item>
								<a-descriptions-item label="专业技能" :span="3">
									<a-badge status="processing" text="对各个研发部从需求采集、原型图、UI设计、前端框架、数据库字表、前端后台开发、测试等工作内容流程熟悉，从2018年担任研发部经理2年" />
									<br /><br />
									<a-badge status="processing" text="精通Html5/CSS3新属性，如：Audio、Video、iFrame、语义化标签、增强型表单、熟练使用Iocnfont、SVG、Animation动画实现特效并熟悉原理，对CSS兼容性及移动端常见问题熟悉" />
									<br /><br />
									<a-badge status="processing" text="精通HTML、CSS、JavaScript、jQuery、WebSocket等基础技术，有大型项目实战经验，可独立完成开发，熟悉数据实时交互和动态效果，掌握Ajax、Axios异步通讯技术、跨域、数据请求二次处理、兼容性、数据格式等问题" />
									<br /><br />
									<a-badge status="processing" text="精通AllMap、Allcharts、Swiper、iScroll、Layer、Ztree、UEditor、Touch、Flv、Mock、MD5等常用工具(插件)进行页面开发，熟练使用Flex弹性盒子、百分比、@media、基于H5的WebApp开发以及各种手机移动端适配，有较多项目实战经验" />
									<br /><br />
									<a-badge status="processing" text="熟练使用Vue、UniApp、微信小程序、Node、Layui、Bootstrap、ColorUi、MuseUi、iView、Ant-design、Element等前端开发框架和插件，熟悉前端的MVC和MVVM构架思想，熟悉WebPack前端自动化技术，熟练使用SVN、Git代码管理工具" />
									<br /><br />
									<a-badge status="processing" text="熟练使用HBilder、VScode、微信开发工具等常用开发软件，熟练使用其他办公软件，如：Photoshop、Mockplus、Xmind、Axure、Office、SQLyog、Figma、Sketch等" />
									<br /><br />
									<a-badge status="processing" text="熟练使用基于H5开发/uniapp开发的APP、微信公众号及小程序、有多个成功项目经验，开源项目🌟1.5k+ Star" />
									<br /><br />
									<a-badge status="processing" text="熟练掌握Cookie、Localstorage、Sessionstorage、页面code重定向、token等本地储存及登陆相关知识，了解服务器搭建、域名解析、SSL证书认证、OSS对象存储等运维相关知识，有自己的域名/服务器/云存储，地址：https://www.zhoukaiwen.com" />
									<br /><br />
									<a-badge status="processing" text="熟悉W3C标准，熟悉各个端的页面架构和布局，可兼UI设计/开发工作。有良好编码习惯，代码洁癖（1:1还原UI图，代码备注、命名规范），熟悉主流浏览器的兼容问题，有处理地图、海量Tree、Marker等海量数据的性能优化的经验" />
								</a-descriptions-item>
								<a-descriptions-item label="开源项目" :span="3">
									<a-badge status="success" />
										「前端铺子」
										<a href="https://gitee.com/kevin_chou/qdpz" target="_blank"><img style="width: 110px;" src="https://svg.hamm.cn/gitee.svg?type=star&user=kevin_chou&project=qdpz" /></a>
									<br />
									曾上Gitee首页推荐项目，包含功能：自定义TabBar与顶部、地图轨迹回放、电子签名、自定义相机、拍照图片水印、在线答题、证件识别、周边定位查询、文档预览、各种图表、行政区域、海报生成器、视频播放、主题切换、时间轴、瀑布流、排行榜、渐变动画、加载动画、请求封装等
									<br />
									微信搜索小程序：7he丶Kevin
									<br />
									<br />
									<a-badge status="success" />
										「数据可视化大屏电子沙盘集合」
										<a href="https://gitee.com/kevin_chou/dataVIS" target="_blank"><img style="width: 110px;" src="https://svg.hamm.cn/gitee.svg?type=star&user=kevin_chou&project=dataVIS" /></a>
									<br />
									包含行业：区块链比特币金融行业、智慧社区、智慧物业、智慧政务、智慧交通、通用模板等，包含功能：自定义字体、Css动画、WebSocket实时数据、K线、折线等各种图表，iframe嵌套H5/App，替换js数据即可，满足您会议展览、业务监控、风险预警、地理信息、数据分析/展示等多种业务的展示需求
									<br />
									
									<br />
									<a-badge status="success" />
										「易凯商城 - H5端」
										<a href="https://gitee.com/kevin_chou/ykShop" target="_blank"><img style="width: 110px;" src="https://svg.hamm.cn/gitee.svg?type=star&user=kevin_chou&project=ykShop" /></a>
									<br />
									包含行业：区块链比特币金融行业、智慧社区、智慧物业、智慧政务、智慧交通、通用模板等，包含功能：自定义字体、Css动画、WebSocket实时数据、K线、折线等各种图表，iframe嵌套H5/App，替换js数据即可，满足您会议展览、业务监控、风险预警、地理信息、数据分析/展示等多种业务的展示需求
									<br />
								</a-descriptions-item>

								<a-descriptions-item label="工作经历" :span="3">
									<a-timeline>
										<a-timeline-item>
											<a-icon slot="dot" type="clock-circle-o" theme="twoTone" style="font-size: 18px;" />
											<p>2020年9月 - 至今</p>
											<p>
												<a-icon type="profile" theme="twoTone" style="font-size: 16px; vertical-align: middle;margin-bottom: 2px;" />
												西安向南物联科技股份有限公司（私企｜交通物流行业｜60人研发）
											</p>
											<p>
												<a-icon type="safety-certificate" theme="twoTone" style="font-size: 16px; vertical-align: middle;margin-bottom: 2px;" />
												岗位：前端组长
											</p>
											<p>
												<a-icon type="tags" theme="twoTone" style="font-size: 16px; vertical-align: middle;margin-bottom: 2px;" />
												岗位职责：担任公司前端负责人，带领前端研发团队（8人）完成开发工作，与后端负责人沟通项目接口和数据库字表，与产品沟通需求可行性，预先完成项目难点处理与数据性能问题的处理，先后带领团队完成小程序、PC端、大数据可视化等项目
											</p>
											<p>
												<a-icon type="container" theme="twoTone" style="font-size: 16px; vertical-align: middle;margin-bottom: 2px;" />
												完成项目：
											</p>
											<p style="padding-left: 22px;">
												<a style="width: 100%; margin: 0;" href="https://www.zhoukaiwen.com" target="_blank">
													<a-badge status="processing" text="大向智行-小程序" />
												</a>
												<br />
												<a style="width: 100%; margin: 0;" href="https://www.zhoukaiwen.com" target="_blank">
													<a-badge status="processing" text="交通物流金融风控平台" />
												</a>
												<br />
												<a-badge status="processing" text="广东“两客一危一重”车辆智能监管系统" />
											</p>
										</a-timeline-item>
										<a-timeline-item color="red">
											<a-icon slot="dot" type="clock-circle-o" theme="twoTone" two-tone-color="red" style="font-size: 18px;" />
											<p>2020年3月 - 2020年08月</p>
											<p>
												<a-icon type="profile" theme="twoTone" style="font-size: 16px; vertical-align: middle;margin-bottom: 2px;" />
												西安鼎昂智能科技有限公司（私企｜金融行业｜11人研发）
											</p>
											<p>
												<a-icon type="safety-certificate" theme="twoTone" style="font-size: 16px; vertical-align: middle;margin-bottom: 2px;" />
												岗位：研发部经理
											</p>
											<p>
												<a-icon type="tags" theme="twoTone" style="font-size: 16px; vertical-align: middle;margin-bottom: 2px;" />
												岗位职责：担任公司前端负责人，带领前端研发团队（8人）完成开发工作，与后端负责人沟通项目接口和数据库字表，与产品沟通需求可行性，预先处理项目难点处理与数据性能问题的处理。参与有关区块链电子货币算法的需求整理，独立完成公司业务的前端部分，外包项目洽谈、签约、设计、制作，先后带领团队完成小程序、App、公众号、官网、数据可视化大屏等项目，制作研发部《软件开发计划表》、《软件项目管理表》、《研发部绩效评分表》、《项目方案报价》，参与研发部日常人员管理及项目管理
											</p>
											<p>
												<a-icon type="container" theme="twoTone" style="font-size: 16px; vertical-align: middle;margin-bottom: 2px;" />
												完成项目：
											</p>
											<p style="padding-left: 22px;">
												<a style="width: 100%; margin: 0;" href="https://www.zhoukaiwen.com" target="_blank">
													<a-badge status="processing" text="小鼎量化App｜注册页｜推广页｜数据可视化大屏｜H5嵌套页面｜小鼎财经官网" />
												</a>
												<br />
												<a-badge status="processing" text="九零回收（公众号、后台管理系统）" />
												<br />
												<a-badge status="processing" text="美国西雅图地区洗车平台（外包项目）" />
												<br />
												<a-badge status="processing" text="新疆-大疆出行App｜大疆出行订票系统" />
												<br />
												<a-badge status="processing" text="佰润电力官网" />
											</p>
										</a-timeline-item>
										<a-timeline-item>
											<a-icon slot="dot" type="clock-circle-o" theme="twoTone" two-tone-color="red" style="font-size: 18px;" />
											<p>2016年10月 - 2020年02月</p>
											<p>
												<a-icon type="profile" theme="twoTone" style="font-size: 16px; vertical-align: middle;margin-bottom: 2px;" />
												锦途停车服务（天津）有限公司（私企｜物联网行业｜65人研发）
											</p>
											<p>
												<a-icon type="safety-certificate" theme="twoTone" style="font-size: 16px; vertical-align: middle;margin-bottom: 2px;" />
												岗位：web前端开发3年、研发部经理1年
											</p>
											<p>
												<a-icon type="tags" theme="twoTone" style="font-size: 16px; vertical-align: middle;margin-bottom: 2px;" />
												岗位职责：项目的前端开发、参与需求会议及项目会议、招聘等日常工作
											</p>
											<p>
												<a-icon type="container" theme="twoTone" style="font-size: 16px; vertical-align: middle;margin-bottom: 2px;" />
												完成项目：
											</p>
											<p style="padding-left: 22px;">
												<a-badge status="processing" text="西安市雪亮工程访客系统｜绩效考核系统" />
												<br />
												<a-badge status="processing" text="西安市雪亮工程建设挂图作战系统" />
												<br />
												<a-badge status="processing" text="西安市雪亮工程官网及后台管理系统" />
												<br />
												<a style="width: 100%; margin: 0;" href="https://www.zhoukaiwen.com" target="_blank">
													<a-badge status="processing" text="靖边县公安局《一标三实信息服务平台》《戒毒人员管理系统》" />
												</a>
												<br />
												<a-badge status="processing" text="途悦智慧社区电商平台App｜后台管理系统" />
												<br />
												<a-badge status="processing" text="51泊车（官网、公众号）" />
												<br />
												<a-badge status="processing" text="锦途停车服务（天津）有限公司官网" />
												<br />
												<a-badge status="processing" text="O2O模式电商小程序（用户端）" />
												<br />
												<a-badge status="processing" text="问卷调查管理系统（公众号+后台管理）" />
												<br />
												<a-badge status="processing" text="智慧社区软件（物业管理web端）" />
												<br />
												<a-badge status="processing" text="曲江管委会《平安校园管理系统》《数据可视化电子沙盘》" />
											</p>
										</a-timeline-item>
										<a-timeline-item>
											<a-icon slot="dot" type="clock-circle-o" theme="twoTone" two-tone-color="red" style="font-size: 18px;" />
											<p>2015年06月 - 2016年10月</p>
											<p>
												<a-icon type="profile" theme="twoTone" style="font-size: 16px; vertical-align: middle;margin-bottom: 2px;" />
												西安怡康医药连锁有限责任公司（私企｜医药行业｜50+人研发）
											</p>
											<p>
												<a-icon type="safety-certificate" theme="twoTone" style="font-size: 16px; vertical-align: middle;margin-bottom: 2px;" />
												岗位：web前端开发
											</p>
											<p>
												<a-icon type="tags" theme="twoTone" style="font-size: 16px; vertical-align: middle;margin-bottom: 2px;" />
												岗位职责：网站、H5页面需求/UI讨论，web网站/H5页面开发
											</p>
											<p>
												<a-icon type="container" theme="twoTone" style="font-size: 16px; vertical-align: middle;margin-bottom: 2px;" />
												完成项目：
											</p>
											<p style="padding-left: 22px;">
												<a-badge status="processing" text="怡康到家App ｜ 怡康到家PC端 ｜ H5推广页 ｜ 微信推广页" />
											</p>
										</a-timeline-item>
									</a-timeline>
								</a-descriptions-item>
							
								<a-descriptions-item label="个人评价" :span="3">
									<a-badge status="processing" text="2015-2018年担任web前端开发岗位，2019年升至研发经理，担任团队管理两年，期间对新技术一直不断学习，理解能力较好，对各个研发岗位工作内容熟悉，有团队组织能力，软件开发业务洽谈沟通能力，对常见办公软件/研发软件熟悉，有大型团队项目开发经验，有良好的项目解决方案" />
									<br /><br />
									<a-badge status="processing" text="热爱软件事业，对IT领域和软件开发和设计工作具有浓厚的兴趣，并且有扎实的编程基础和习惯，能独立根据需求完成前端开发" />
									<br /><br />
									<a-badge status="processing" text="疫情期间独立创建品牌:「宅家学·IT」软件开发培训班，共拥有学生16名，老师3名，创收5w+" />
									<br /><br />
									<a-badge status="processing" text="喜欢助人为乐、分享技术，先后开源多个项目，共获得Star1.5k+、下载量4000+、交流群350+人" />
									<br /><br />
									<a-badge status="processing" text="性格随和，工作积极，和同事关系融洽，为人诚实，有幽默感，有担当和爱心，已连续2年，每6个月自费前往偏远山区或邮寄给学校孩子们图书" />
									<br /><br />
									<a-badge status="processing" text="兴趣广泛、热爱生活，喜爱：滑雪、游泳、足球、汽车竞速(赛道)，喜欢研究科技类型产品，喜欢美食等等～" />
								</a-descriptions-item>
							</a-descriptions>
						</div>
					</a-card>
				</a-col>
			</a-row>
		</template>
	</page-layout>
</template>

<script>
	import PageLayout from '@/layouts/PageLayout'
	import HeadInfo from '@/components/tool/HeadInfo'
	import {
		mapState
	} from 'vuex'
	import {
		request,
		METHOD
	} from '@/utils/request'

	export default {
		name: 'WorkPlace',
		components: {
			HeadInfo,
			PageLayout
		},
		i18n: require('./i18n'),
		data() {
			return {
				projects: [{
						img: require('@/assets/img/logo2.png'),
						title: '前端铺子-移动端uniapp',
						type: 'App/小程序',
						content: '项目基于VUE，使用colorUi与uview框架，完美支持微信小程序，功能：自定义TabBar/顶部、地图轨迹回放、电子签名、自定义相机、拍照图片水印、在线答题、证件识别、周边定位查询、文档预览、各种图表、行政区域、海报生成器、视频播放、主题切换、时间轴、瀑布流、排行榜、渐变动画、加载动画、请求封装等',
						other: '<a href="https://gitee.com/kevin_chou/qdpz/stargazers" target="_blank"><img style="width: 110px;position: absolute;right: 0;" src="https://svg.hamm.cn/gitee.svg?type=star&user=kevin_chou&project=qdpz" /></a>'
					},
					{
						img: require('@/assets/img/logo/dataV.png'),
						title: '数据可视化大屏集合',
						type: 'PC端',
						content: '可视化数据电子大屏集合，包含行业：金融行业、智慧社区、智慧物业、智慧政务、智慧交通、通用模板等，包含功能：自定义字体、Css动画、K线、折线等、WebSocket实时数据、各种图表，iframe嵌套H5/App，替换js数据即可，满足您会议展览、业务监控、风险预警、地理信息、数据分析/展示等多种业务的展示需求',
						other: '<a href="https://gitee.com/kevin_chou/dataVIS/stargazers" target="_blank"><img style="width: 110px;position: absolute;right: 0;" src="https://svg.hamm.cn/gitee.svg?type=star&user=kevin_chou&project=dataVIS" /></a>'
					},
					{
						img: require('@/assets/img/logo/pc.png'),
						title: '小鼎财经科技官网',
						type: 'PC端',
						content: '公司立足于外汇交易的大数据研究，结合自动交易软件的实现，来规避人工操作的失误和时间精力成本，基于数据分析的结果，分析团队制定量化模型，开发智能交易系统',
						other: '<a href="https://zhoukaiwen.com/proj/pcWebsite/dingang/index.html" target="_blank">体验预览</a>'
					},
					{
						img: require('@/assets/img/logo/pc.png'),
						title: '医疗器械官网(印度)',
						type: 'PC/H5端',
						content: '商业类型项目，所属行业为医疗器械，客户群体为印度企业/居民，官网展示医疗器械、商品购买、公司简介、商品简介、注册登陆等',
						other: '<a href="https://zhoukaiwen.com/proj/outs_medical/index.html" target="_blank">体验预览</a>'
					},
					{
						img: require('@/assets/img/logo/pc.png'),
						title: '「51泊车」产品网站',
						type: 'PC端',
						content: '"51泊车"立足于服务乘用车车主、停车场业主、搜索汽车服务市场。让车主"出行不闹心，停车不担心"',
						other: '<a href="https://zhoukaiwen.com/proj/pcWebsite/51car/index.html" target="_blank">体验预览</a>'
					},
					{
						img: require('@/assets/img/logo/pc.png'),
						title: '锦途停车服务官网',
						type: 'PC端',
						content: '锦途停车是一家专业的“互联网+城市服务”的倡导者，是智慧城市的领跑者，为人们提供便捷智能的生活服务是我们的愿景，致力于“创造更多幸福感，让生活更多欢笑”',
						other: '<a href="https://zhoukaiwen.com/proj/pcWebsite/jintu2/index.html" target="_blank">体验预览</a>'
					},
					{
						img: require('@/assets/img/logo/pc.png'),
						title: '锦途停车服务官网',
						type: 'PC端',
						content: '锦途停车是一家专业的“互联网+城市服务”的倡导者，是智慧城市的领跑者，为人们提供便捷智能的生活服务是我们的愿景，致力于“创造更多幸福感，让生活更多欢笑”',
						other: '<a href="https://zhoukaiwen.com/proj/pcWebsite/jintu2/index.html" target="_blank">体验预览</a>'
					}
				]
			}
		},
		computed: {
			
		},
		created() {
			
		}
	}
</script>

<style lang="less">
	@import "index";

	@media screen and (max-width: 1012px) {
		.ant-card-grid {
			width: 100% !important;
		}
	}
</style>
